<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>mtfPicListbox Showcase</title>
</head>
<body>
    <div id="js_img_box"></div>
    <script type='text/javascript' src="./mtfPicListbox.js"></script>
    <script>
         mtfPicListbox.init({
            el: 'js_img_box', // 放置图片列表的容器ID
            autoPlay: 3500, // 自动播放时间间隔，为0，不自动播放，点击任意图片，会停止自动播放
            datas : {
                pc : [ // 在电脑端显示
                    {
                        href: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc13.jpg',
                        src: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc13.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc15.jpg',
                        src: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc15.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc19.jpg',
                        src: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc19.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc20.jpg',
                        src: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc20.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc27.jpg',
                        src: 'https://pic.downk.cc/item/5f5dec49160a154a6792dc27.jpg'
                    }
                ],
                mobile: [ // 在移动端显示
                    {
                        href: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7f3.jpg',
                        src: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7f3.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7f8.jpg',
                        src: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7f8.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7fb.jpg',
                        src: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7fb.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7ff.jpg',
                        src: 'https://pic.downk.cc/item/5f5deca7160a154a6792f7ff.jpg'
                    },
                    {
                        href: 'https://pic.downk.cc/item/5f5deca7160a154a6792f809.jpg',
                        src: 'https://pic.downk.cc/item/5f5deca7160a154a6792f809.jpg'
                    }
                ]
            }
        })
    </script>
</body>
</html>